<template>
	<div id="list">
		<div class="L1">
			<router-link to="/lcqMoring">
				
					<img src="/static/images/1497928464066_836_6SO7XdGRd9.jpg"><br>
					<span>领早餐</span>
			
			</router-link>
			<dl>
				<dt><img src="/static/images/1497928478327_495_WmpjexjLll.jpg"></dt>
				<dd>来抢购</dd>
			</dl>
			<dl>
				<dt><img src="/static/images/1499673916813_440_9Q5fyAnpRc.jpg"></dt>
				<dd>闪购</dd>
			</dl>
			<dl>
				<dt><img src="/static/images/1501061870527_971_0f2lEVXflK.jpg"></dt>
				<dd>生鲜直购</dd>
			</dl>
			<dl>
				<dt><img src="/static/images/1500521676090_10_VijJheSgoP.jpg"></dt>
				<dd>拼团</dd>
			</dl>
		</div>
		<div class="L2">
			<dl>
				<dt><img src="/static/images/1500521688262_539_QXXSdtaiIH.gif"></dt>
				<dd>新人专属</dd>
			</dl>
			<dl>
				<dt><img src="/static/images/1497929117125_197_LPSzBNwFbr.jpg"></dt>
				<dd>新品</dd>
			</dl>
			<dl>
				<dt><img src="/static/images/1497928602011_12_sqId0bGbdo.jpg"></dt>
				<dd>邀请好友</dd>
			</dl>
			<dl>
				<dt><img src="/static/images/1499327741226_600_GuMrMBabZR.jpg"></dt>
				<dd>直播</dd>
			</dl>
			<dl>
				<dt><img src="/static/images/1497928620603_414_uGioJic8SJ.jpg"></dt>
				<dd>领券专区</dd>
			</dl>
		</div>
	</div>
</template>

<script type="text/javascript">
	
</script>
<style type="text/css" scoped>
	#list{
		width: 100%;
	}
	#list .L1{
		width:100%;
		margin-top: 0.35rem;
		display:flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#list .L2{
		width:100%;
		margin-top: 0.35rem;
		display:flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}


	#list .L1>a{
		width:20%;
		display: block;
		/*display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;*/
		color:#333;
		text-align: center;
	}
	#list .L1>a>img{
		width:53%;
	
	}
	#list .L1>a>span{
		margin-top: .1rem
	}

	#list .L1 dl{
		width:20%;
		text-align:center;
	}
	#list .L2 dl{
		width:20%;
		text-align:center;
		
	}
	#list dl dt img{
		width:50%;
	}
</style>